﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/style.css")" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="@Url.Content("~/Content/notificationStyle.css")" type="text/css" media="screen" />
    <script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jQuery.effect.tableRow.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jQuery.effect.listItem.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jQuery.form.2.84.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jQuery.tools.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jQuery.effect.notifacation.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
</head>
<body>
    @*start top*@
    <div id="top">
        <div class="logo">
            <a href="@Url.Action("Index", "Home")">
                <img src="@Url.Content("~/Content/images/logo.jpg")" alt="Golden Bridge Finance" width="364" height="94" />
            </a>
        </div>
    </div>
    @*end top*@ @*start nav*@
    <div id="nav">
        <ul class="menus">
            <li class="menuItme"><a class="menuItemA" href="@Url.Action("Index", "Home")" id="home">
                HOME</a></li>
            <li class="menuItme"><a class="menuItemA" href="#" id="businessLoans">BUSINESS LOANS</a>
                <ul class="children">
                    <li><a href="@Url.Action("Unsecured-Loans", "Home")">Unsecured Loans</a></li>
                    <li><a href="@Url.Action("Secured-Loans", "Home")">Secured Loans</a></li>
                    <li><a href="@Url.Action("Payroll-Finance", "Home")">Payroll Finance</a></li>
                </ul>
            </li>
            <li class="menuItme"><a class="menuItemA" href="@Url.Action("How-It-Works", "Home")" id="howItWorks">
                HOW IT WORKS</a></li>
            <li class="menuItme"><a class="menuItemA" href="@Url.Action("Faqs", "Home")" id="faqs">
                FAQs</a></li>
            <li class="menuItme"><a class="menuItemA" href="#" id="loadnCalculator">LOAN CALCULATOR</a>
                <ul class="children">
                    <li><a href="@Url.Action("Unsecured-Loans-Calculator", "Home")">Unsecured Loans</a></li>
                    <li><a href="@Url.Action("Secured-Loans-Calculator", "Home")">Secured Loans</a></li>
                </ul>
            </li>
            <li class="menuItme last"><a class="menuItemA" href="@Url.Action("Contact-Us", "Home")"  id="contackUs">
                CONTACT US</a></li>
        </ul>
    </div>
    @*end nav*@
    @RenderBody()
    @*start footer*@
    <div class="clear">
    </div>
    <div id="footer">
        &copy; Copyright Golden Bridge Finance Co. Ltd 2011
    </div>
    @*end footer*@
    <script type="text/javascript">
        var mouseover_tid = [];
        var mouseout_tid = [];

        jQuery(document).ready(function () {

            jQuery('.menus > li').each(function (index) {
                jQuery(this).hover(

			        function () {
			            var _self = this;
			            clearTimeout(mouseout_tid[index]);
			            mouseover_tid[index] = setTimeout(function () {
			                jQuery(_self).find('ul:eq(0)').fadeIn(200);
			            }, 400);
			        },

			        function () {
			            var _self = this;
			            clearTimeout(mouseover_tid[index]);
			            mouseout_tid[index] = setTimeout(function () {
			                jQuery(_self).find('ul:eq(0)').fadeOut(200);
			            }, 400);
			        }

		        );
            });
        });	
    </script>
</body>
</html>
